<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./common.xhtml"
                xmlns:h="http://java.sun.com/jsf/html">
    <title>
        <ui:define name="title">

        </ui:define>
    </title>
    <ui:define name="head">

    </ui:define>

    <ui:define name="content">
        <div class="col-2 col-sm-2 col-lg-3">
            <h:form id="left-form">
                <ul class="nav nav-pills nav-stacked">
                    <li >
                        <h:commandLink value="Course" />
                    </li>
                    <li>
                        <a href="#">
                            Register
                        </a>
                    </li>
                    <li >
                        <a href="#">
                            Admission Form
                        </a>
                    </li>

                </ul>

                <div class="list-group">
                    <a href="#" class="list-group-item active">
                        Upcoming events 
                    </a>
                    <ui:repeat value="#{userEventManager.allEvent}" var="e" >
                        <h:commandLink styleClass="list-group-item" value="#{e.title}" />
                    </ui:repeat>

                    <!--                <a href="#" class="list-group-item">Dapibus ac facilisis in</a>
                                    <a href="#" class="list-group-item">Morbi leo risus</a>
                                    <a href="#" class="list-group-item">Porta ac consectetur ac</a>
                                    <a href="#" class="list-group-item">Vestibulum at eros</a>-->
                </div>
            </h:form>
        </div>
        <!--<div class="col-6 col-sm-6 col-lg-8">-->
            <ui:insert name="content1"></ui:insert>
        <!--</div>-->
        <div class="col-2 col-lg-2 col-sm-2">
            <div class="anyClass">
                <ul>
                    <!--                    <li><img src="http://hd.wallpaperswide.com/thumbs/las_vegas_casino-t2.jpg" alt="" width="200" height="100" /></li>
                                        <li><img src="http://hd.wallpaperswide.com/thumbs/mood_to_drive-t1.jpg" alt="" width="200" height="100" /></li>
                                        <li><img src="http://hd.wallpaperswide.com/thumbs/autumn_mist_path-t1.jpg" alt="" width="200" height="100" /></li>
                                        <li><img src="http://hd.wallpaperswide.com/thumbs/cristal_clear_mountain_lake-t1.jpg" alt="" width="200" height="100" /></li>-->
                </ul>
            </div>
        </div>
    </ui:define>

</ui:composition>
